body {
	margin: 0
}

#menu {
	background-color: #900;
	border-bottom: 1px solid #600;
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-family: Verdana;
	font-size: 80%
}

#menu li {
	font-weight: bold;
	color: white;
	padding: 0 1em;
	margin: 0;
	cursor: default;
	white-space: nowrap;
	list-style-type: none
}

#menu.horizontal li {
	display: inline
}

#menu.vertical {
	width: 8em;
	border-right: 1px solid #600
}

#menu.vertical li {
	width: 6em;
	list-style-type: none
}

#menu li.active {
	background-color: #600
}

#menu li a {
	text-decoration: none;
	color: white
}

#menu ul {
	position: absolute;
	visibility: hidden;
	text-align: left;
	background-color: #009;
	border: 1px solid #006;
	width: 15em;
	margin: 0;
	padding: 0
}

#menu ul li,#menu.vertical ul li,#menu.horizontal ul li {
	display: block;
	border-bottom: 1px solid #33c;
	padding: 0em;
	white-space: normal;
	width: 15em;
	list-style-type: none
}

#menu ul li a {
	display: block;
	width: 13em;
	color: #cdf;
	text-decoration: none;
	padding: 0.1em 1em;
	margin: 0
}

#menu ul li a:hover {
	color: white;
	background-color: #67f
}

#menu ul li.active {
	background-color: #44d;
	color: white
}